<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
        <meta charset="utf-8">
        <title>Builder &#8211; Resonsive Wordpress Theme</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="Just another WordPress site" name="description"/>
        <meta content="Builder &#8211; Resonsive Wordpress Theme" name="keywords"/>
         
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="assets/css/wide_layout.css" rel="stylesheet">
        <link href="assets/css/docs.css" rel="stylesheet">
        <link href="assets/css/options.css" rel="stylesheet">
        <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
        <link href="assets/nivo/nivo-slider.css" media="screen" rel="stylesheet" type="text/css">
        <link href="assets/css/prettyPhoto.css" media="screen" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C400%2C300%2C600%2C700%2C800&amp;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&amp;ver=3.4.2" id="gOpenSans-css" media="all" rel="stylesheet" type="text/css"/>
        <script src="assets/js/mytabs.js"></script> 
        <!-- Le fav and touch icons -->
        <link href="assets/builder/favicon.html" rel="shortcut icon">
         
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="assets/css/ie.css"/>
        <![endif]-->
</head>
<body>
    <div class="wide_cont">
        <!-- START TOP LINE-->
        <div class="top_line"></div>
        <!-- END TOP LINE-->
            
          <!--PAGE HEAD-->
        <div class="page_head">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <!--START LOGO IMAGE-->
                        <div class="logo">
                            <a href="index-2.html">
                            <img alt="Builder &#8211; Resonsive Wordpress Theme" src="assets/images/logo.png"/></a>
                        </div>
                        <!-- END LOGO IMAGE-->
                    </div>
                    <div class="span9">
                        <!-- START MAIN MENU-->
                        <nav>
                        <ul class="menu">
                            <li><a href="index-2.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="home-page-two.html">Home Page 2</a></li>
                                    <li><a href="home-page-three.html">Home Page 3</a></li>
                                    <li><a href="home-page-four.html">Home Page 4</a></li>
                                    <li><a href="home-page-five.html">Home Page 5</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                    <li><a href="simple-gallery-2.html">Simple Gallery 2</a></li>
                                    <li><a href="simple-gallery-3.html">Simple Gallery 3</a></li>
                                    <li><a href="simple-gallery-4.html">Simple Gallery 4</a></li>
                                    <li><a href="404.html">404 Error</a></li>
                                    <li><a href="left-sidebar.html">Left Sidebar</a></li>
                                    <li><a href="right-sidebar.html">Right Sidebar</a></li>
                                    <li><a href="both-sidebar.html">Both Sidebar</a></li>
                                </ul>
                            </li>
                                
                            <li><a href="#">Blog</a>
                                 <ul class="sub-menu">
                                    <li><a href="big-image-right-sidebar.html">Big image + Right Sidebar</a></li>
                                    <li><a href="big-image-left-sidebar.html">Big image + Left Sidebar</a></li>
                                    <li><a href="mini-image-right-sidebar.html">Mini image + Right Sidebar</a></li>
                                    <li><a href="mini-image-left-sidebar.html">Mini image + Left Sidebar</a></li>
                                    <li><a href="text-post.html">Text Post</a></li>
                                    <li><a href="image-post.html">Image post</a></li>
                                    <li><a href="video-post.html">Video</a></li>
                                    <li><a href="post-right-sidebar.html">Post + Right Sidebar</a></li>
                                    <li><a href="post-left-sidebar.html">Post + Left Sidebar</a></li>
                                </ul>
                            </li>
                               
                            <li><a href="#">Portfolio</a>
                                <ul class="sub-menu">
                                    <li><a href="2-columns-portfolio.html">2 Columns Portfolio</a></li>
                                    <li><a href="3-columns-portfolio.html">3 Columns Portfolio</a></li>
                                    <li><a href="4-columns-portfolio.html">4 Columns Portfolio</a></li>
                                    <li><a href="6-columns-portfolio.html">6 Columns Portfolio</a></li>
                                    <li><a href="portfolio-left-sidebar.html">Portfolio + Left Sidebar</a></li>
                                    <li><a href="portfolio-right-sidebar.html">Portfolio + Right Sidebar</a></li>
                                    <li><a href="item-single-image.html">Item - Single Image</a></li>
                                    <li><a href="project-video.html">Project Video</a></li>
                                    <li><a href="item-left-sidebar.html">Item - Left Sidebar</a></li>
                                    <li><a href="item-right-sidebar.html">Item - Right Sidebar</a></li>
                                    <li><a href="item-portrait.html">Item - Portrait</a></li>
                                </ul>
                            </li>
                            <li class="current-menu-item"><a href="#">Features</a>
                                <ul class="sub-menu">
                                    <li><a href="theme-grid.html">Theme Grid</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="buttons.html">Buttons</a></li>
                                    <li><a href="allerts.html">Allerts</a></li>
                                    <li><a href="glyphicons.html">Glyphicons Icons</a></li>
                                                                        <li><a href="badges-and-labels.html">Badges And Labels</a></li>

                                    <li><a href="tabs.html">Tabs</a></li>
                                    <li><a href="accordion.html">Accordion</a></li>
                                    <li><a href="tstimonial-rotator.html">Testimonial Rotator</a></li>
                                </ul>
                            </li>
                            <li><a href="http://themeforest.net/user/OrangeIdea/portfolio?ref=OrangeIdea" target="_blank">Purchase</a></li>
                        </ul>
                        </nav>
                        <!-- END MAIN MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--/PAGE HEAD-->
            
        <!--WELCOME AREA-->
        <div class="tag_line">
            <div class="container">
                <div class="row">
                <div class="span12">
                    <div class="welcome">
                        <h3><span class="colored">TESTIMONIALS ROTATOR</span></h3>
                        <a class="subpage_block" href="http://html.orange-idea.com/builder">Home </a>
                         <div class="subpage_breadcrumbs_dv"></div>
                        <span>Testimonials Rotator</span>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!--/WELCOME AREA-->
            

        <!--MAIN CONTENT AREA-->
        <div class="main_content_area">
            <div class="container">
                <div class="row">
                    <div class="span4 page_sidebar">
                         <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">BUILDER FEATURES</h5>
                                <hr/>
                                <div class="textwidget">
                                    <ul class="sub-menu">
                                    <li><a href="theme-grid.html">Theme Grid</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="buttons.html">Buttons</a></li>
                                    <li><a href="allerts.html">Allerts</a></li>
                                    <li><a href="glyphicons.html">Glyphicons Icons</a></li>
                                                                        <li><a href="badges-and-labels.html">Badges And Labels</a></li>

                                    <li><a href="tabs.html">Tabs</a></li>
                                    <li><a href="accordion.html">Accordion</a></li>
                                    <li><a href="tstimonial-rotator.html">Testimonial Rotator</a></li>
                                </ul>
                                </div>
                            </div>
                    </div>
                    <div class="span8">
                      <!-- TESTIMONIALS ROTATOR -->
                             <div class="testimonialrotator"  style="height: 240px;">
                                    <div class="testimonial" style="position: absolute; display: block;">
                                        <div class="main_testimonial">
                                            <div class="blockquote">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. Ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. The readable content of a page when looking at its layout. It is a long established fact that a reader will be distracted by the readable content.</div>
                                            </div>
                                            <div class="the-author">Mikle / CEO Some Company</div>
                                    </div>
                                    <div class="testimonial" style="display: none;">
                                        <div class="main_testimonial">
                                            <div class="blockquote">Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). It is a long established fact that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna.Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.</div>
                                            </div>
                                            <div class="the-author">Jhon Doe</div>
                                        </div>
                                </div>
                    </div>
              </div>
          </div>
        <!--END MAIN CONTENT AREA-->

        <!--FOOTER-->

        <!-- START TWITTER FEED -->
        <div class="twitter-block">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <h6>Twitter Feed</h6>
                        <p class="twitter-block-desc">Find out what"s happening, right now, with the people and organizations you care about.</p>
                    </div>
                    <br class="visiblephone">
                    <div class="span9">
                        <div class="twitter-block-well well">
                        <div class="tweet"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END TWITTER FEED -->
                
        <!-- START WIDGET AREA AND SOCIAL ICONS -->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="span3 soc_icons">
                        <div>
                            <img alt="" src="assets/img/logo-footer.png"><br>
                            <a href="http://flickr.com/" target="_blank"><div class="icon_flickr"></div></a>
                            <a href="http://plus.google.com/" target="_blank"><div class="icon_google"></div></a>
                            <a href="http://facebook.com/" target="_blank"><div class="icon_facebook"></div></a>
                            <a href="http://pinterest.com/" target="_blank"><div class="icon_pi"></div></a>
                            <a href="http://twitter.com/" target="_blank"><div class="icon_t"></div></a>
                            <a href="http://youtube.com/" target="_blank"><div class="icon_youtube"></div></a>
                            <a href="http://linkedin.com/" target="_blank"><div class="icon_in"></div></a>
                            <a href="http://deviantart.com/" target="_blank"><div class="icon_da"></div></a>
                            <a href="http://www.skype.com/" target="_blank"><div class="icon_skype"></div></a>
                            <a href="http://www.icq.com/" target="_blank"><div class="icon_icq"></div></a>
                            <a href="http://envato.com/" target="_blank"><div class="icon_envato"></div></a>
                            <a href="http://forrst.com/" target="_blank"><div class="icon_forrst"></div></a>
                            <a href="http://www.bing.com/" target="_blank"><div class="icon_bing"></div></a>
                            <a href="http://myspace.com/" target="_blank"><div class="icon_myspace"></div></a>
                        </div>
                    </div>
    
                    <div class="span3">
                        <div class="textwidget">
                            <div class="well">
                            <h6>Builder Company</h6>Builder is designed to help people of all skill levels designer or developer, huge nerd or early beginner.
                            </div>
                        </div>
                    </div>
                    <!-- BEGIN WIDGET -->
                    <div class="span3">
                    <h6>Recent Posts</h6><hr>
                        <ul class="recent-post-widget unstyled">
                                                        <li><a href="big-image-right-sidebar.html" title="Hello world!" class="bg-link">Hello world!</a>
                                <div class="small-meta">Dec 1, 2012 / <a href="big-image-right-sidebar.html" title="Comment on Hello world!">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                            <li>
                                <a class="bg-link" href="post-right-sidebar.html" title="Post + Right Sidebar">Post + Right Sidebar</a>
                                <div class="small-meta">Nov 30, 2012 / <a href="post-right-sidebar.html" title="Comment on Post + Right Sidebar">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                    <!-- END WIDGET -->
                    <!-- BEGIN CONTACT INFO -->
                    <div class="span3">
                    <h6>Contact Information</h6><hr>
                        <div class="textwidget">
                        <ul class="unstyled">
                            <li><i class="icon-user icon-white"></i> +1 800 2000 600</li>
                            <li><i class="icon-envelope icon-white"></i> contact@sitename.com</li>
                            <li><i class="icon-map-marker icon-white"></i> 9930 124th Washington</li>
                        </ul>
                        </div>
                    </div>
                    <!-- END CONTACT INFO -->
                </div>
            </div>
        </div>
        <!-- END WIDGET AREA AND SOCIAL ICONS -->
                
        <!--START BOTTOM LINE-->
        <div class="bottom_line">
            <div class="container">
                <div class="row">
                    <!-- START COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <span class="copyright">Copyright 2012 Builder - Company. Design by <a href="http://themeforest.net/user/OrangeIdea?ref=OrangeIdea">OrangeIdea</a></span>
                    </div>
                    <!-- END COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <!-- START FOOTER MENU-->
                        <span class="copyright pull-right visible-desktop">
                            <div class="menu-footer-menu-container">
                                <ul class="unstyled footer_menu" id="menu-footer-menu">
                                    <li><a href="index-2.html">Home</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="big-image-right-sidebar.html">Blog</a></li>
                                    <li><a href="2-columns-portfolio.html">Portfolio</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                </ul>
                            </div>
                        </span>
                        <!-- END FOOTER MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--END BOTTOM LINE-->
        <!--END FOOTER-->
                 
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="assets/js/jquery.tweet.js"></script>
        <script src="assets/js/google-code-prettify/prettify.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.easing.1.3.js"></script>
        <script src="assets/js/superfish-menu/superfish.js"></script>
        <script src="assets/js/jquery.nivo.slider.js"></script>
        <script src="assets/js/jquery.prettyPhoto.js"></script>
        <script src="assets/js/jflickrfeed.min.js"></script>
        <script src="assets/js/testimonialrotator.js"></script>
        <script src="assets/js/jquery.waitforimages.js"></script>
        <script src="assets/js/jquery.isotope.min.js"></script>
        <script src="assets/js/custom.js"></script>
         
         
        <script>
        /***************************************************
                        TWITTER FEED
        ***************************************************/
            jQuery.noConflict()(function ($) {
                $(document).ready(function () {
            
                    $(".tweet").tweet({
                        count: 1,
                        username: "Orange_Idea_RU",
                        loading_text: "loading twitter..."
                    });
                });
            });
        </script>
        	<!-- DEMO ONLY -->
	<script type="text/javascript" src="assets/js/switcher/tabslide.js"></script>
    <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
    <!-- alternate css for colors -->
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet1.js"></script>
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet.js"></script>
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="lime" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/orange.css" title="orange" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/blue.css" title="bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/cyan.css" title="cyane" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/green.css" title="greene" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/grunge.css" title="grungee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_blue.css" title="light_bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_green.css" title="light_greene" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/navy.css" title="navye" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/pink.css" title="pinke" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/purple.css" title="purplee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/red.css" title="rede" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="limee" media="screen" />
	<!-- /DEMO ONLY -->

        
	<!-- DEMO ONLY -->
    <div class="slide-out-div" style="margin-top:130px;">
        <a class="handle" href="#">Content</a>
        <div class="slide-out-div-header">
        	<h4 style="margin-bottom:0px;">Style Selector</h4>
        </div>
        <div class="slide-out-div-cont">
        <div class="div-out-text"><div class="alert" style="margin-bottom:0px !important; margin-top:5px !important; background:#fff !important; border-color:#dddddd !important"><p>Also <strong>960 Boxed</strong>, <strong>960 FullWidth</strong> <strong>1170 FullWidth</strong> and  <strong>1170 Boxed</strong> layouts available after purchase. As like in <a href="http://themeforest.net/item/builder-responsive-multipurpose-theme/3596009" target="_blank">WordPress version</a></p></div></div>
        <h6 style="padding:5px; background:#e6e6e6; margin-top:25px;">Choose Theme Color</h6>
        <ul class="color-switcher unstyled">
        	<li><a href="serversideSwitch8376.html?style=style2" rel="limee" class="changecolor styleswitch" style="background-color:#aec71e;">Lime</a></li>
        	<li><a href="serversideSwitch8376.html?style=style2" rel="orange" class="changecolor styleswitch" style="background-color:#EC5923;">Orange</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="bluee" class="changecolor styleswitch" style="background-color:#2d5c88;">Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="cyane" class="changecolor styleswitch" style="background-color:#2997ab;">Cyan</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="greene" class="changecolor styleswitch" style="background-color:#719430;">Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="grungee" class="changecolor styleswitch" style="background-color:#85742e;">Grunge</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_bluee" class="changecolor styleswitch" style="background-color:#8bbbe0;">Light Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_greene" class="changecolor styleswitch" style="background-color:#8eccb3;">Light Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="navye" class="changecolor styleswitch" style="background-color:#435960;">Navy</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="pinke" class="changecolor styleswitch" style="background-color:#e44884;">Pink</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="purplee" class="changecolor styleswitch" style="background-color:#46424f;">Purple</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="rede" class="changecolor styleswitch" style="background-color:#a81010;">Red</a></li>
        </ul>
        <div class="clearfix"></div>
        </div>
    </div>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-30641321-1']);
		_gaq.push(['_setDomainName', 'orange-idea.com']);
		_gaq.push(['_trackPageview']);
		
		(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>

</body>
</html>